<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>SMART VE</title>
<link rel="stylesheet" href="resources/css/jquery.mobile-1.3.0.css" />
<link rel="stylesheet" href="resources/css/main.css" />
<script type="text/javascript" src="resources/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="resources/js/jquery.mobile-1.3.0.min.js"></script>
<script type="text/javascript">

</script>
</head>
<body>
<script type="text/javascript" src="resources/js/common.js"></script>
<div id="wrapper" class="main" data-role="page">
	<div id="panel">
		<h2>메뉴</h2>
		<ul class="link">
			<li><a href="#" class="home" onclick="goProject();">홈으로</a></li>
			<li><a href="#" class="project_out" id="left_project_out" onclick="projectOut();">Project 나가기</a></li>
			<li><a href="#" class="sms" id="left_send_sms" onclick="sendSMS();">팀원 초대 (SMS)</a></li>
			<li><a href="#" class="email" id="left_send_mail" onclick="sendMail();">팀원 초대 (E-mail)</a></li>
			<li><a href="#" class="del" id="left_project_delete" onclick="deleteProject();">프로젝트 삭제</a></li>
		</ul>
		<h2>프로젝트 정보</h2>
		<ul class="project_info">
			<li>
				<span class="title">Project Name</span>
				<span class="cont" id="left_project_name">익산 일반산업단지 폐수종말처리시설 건설공사</span>
			</li>
			<li>
				<span class="title">Project Type</span>
				<span class="cont" id="left_project_type">Smart VE</span>
			</li>
			<li>
				<span class="title">Leader</span>
				<span class="cont" id="left_project_leader">홍길동<br>(ytseo@bluenmobile.com)</span>
			</li>
			<li>
				<span class="title">Date</span>
				<span class="cont" id="left_project_date">2013. 03. 10</span>
			</li>
			<li>
				<span class="title">Project Key</span>
				<span class="cont" id="left_project_key">15tg3h4r8a</span>
				<a href="#" class="btn_copy"><img onclick="copyToClipboard();" src="resources/images/btn_copy.png" alt="Copy" /></a>
			</li>
		</ul>
	</div>
	<div id="header" data-role="header" data-position="fixed" data-tap-toggle="false">
<!-- 2013-05-14 panel, 다음버튼 수정 -->
		<a href="#" class="btn_panel">panel</a>
		<h1 onclick="#">기능 정의</h1>
		<a href="#" class="ui-btn-right btn_right btn_next">다음</a>
<!-- 2013-05-14 수정 끝 -->
	</div>
	<div id="function" data-role="content" class="pnl_content">
		<a href="javascript:teamList();" class="top_list">
			작성완료(<span id="okCnt">02</span>/<span id="totalCnt">10</span>명)
			<img src="resources/images/icon_new.jpg" alt="NEW" id="newCnt" style="display: none;"/><!-- NEW 아이콘 -->
		</a>
		<ul class="fold_list" id="functionList">
		</ul>
		<p class="btm">모든 팀원이 기능정의를 입력했다면<br />상단의 <img src="resources/images/btn_next.png" alt="다음" /> 버튼을 눌러주세요</p>
	</div>
	<div id="footer" data-position="fixed" data-tap-toggle="false" data-role="footer">
		<div id="progress">
			<span class="back_bar">
				<span class="now step3"></span>
				<!-- 단계에 따라 step+숫자 로 클래스를 바꾸면 해당단계로 표시 step1, step2.. -->
			</span>
			<ul class="name">
				<li class="name1"><span class="hline"></span>VE대상</li>
				<li class="name2"><span class="hline"></span>기능</li>
				<li class="name3"><span class="hline"></span>요구사항</li>
				<li class="name4"><span class="hline"></span>아이디어</li>
				<li class="name5"><span class="rline"></span>마침</li>
			</ul>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="resources/js/common.js"></script>
</html>